export const detail = {
  header: `
# Dialog

> 此组件基于此套组件Popup弹窗。
`,
  codeExample: [
    {
      title: '### Popup',
      code: `
import React from 'react';
import { Dialog } from 'ararin-cmp-mobile'

class App extends React.Component<any, any> {
      
      render() {
         return (
            <Button
               type="default"
               size="sm"
               onClick={() => {this.setState({visible: true})}}
            >登 录</Button>
            <Popup
               className="login_popup"
               visible={this.state.visible}
               maskClosable
               closeIcon
               onClose={() => this.setState({visible: false})}
               title="登 录"
            >
               <Input 
                  judge="mobilePhone"
                  title="手机号码："
                  placeholder="请输入您的手机号码"
               />
               <Input 
                  judge="code"
                  title="验证码："
                  placeholder="请输入4位数验证码"
                  codeTxt={this.state.codeText}
                  times={this.state.times}
               />
               <Button 
                  type="primary"
                  ripple
                  size="sm"
                  style={{marginTop: '.3rem'}}
               >
                  立即登录
               </Button>
            </Popup>
         );
      }
}

export default App;`
    }
  ],
  pramsDetail: `

  ----

  ### 参数设置
  
  | 参数 / params | 描述 / description  | 类型 / type | 默认 / default |
  | ------------- | -------------- | ---------------- | ---------------- |
  | type | 图标类型，具体可选参数在模拟器上可见 | \`string\` | 无 |
  | className | class类名，与React一致 | \`string\` | 无 |
  | iconState | 图标状态，可选\`spin\` 或 \`static\`时无效 | \`string\` | static |
  | style | 样式，与React一致 | \`React.CSSProperties\` | 无 |
  `
}